Sprites es una técnica de optimización de sitios basada en la fusión de imágenes a una sola para posteriormente ser separadas mediante CSS.
✓ Reduce principalmente el peso de mis páginas, consumiendo menos ancho de banda
✓ Disminuye de manera considerable las peticiones HTTP
✓ Minimiza sustancialmente la cantidad de imágenes y
✓ Optimiza el peso total de los archivos externos al HTML
Working Successfully with Emerging Technologies and InnovationsEDUCAUSE
Continuously innovating and transforming our current practices is critical to keep pace with teaching and learning as it evolves. While there is no shortage of candidate innovations, the process by which to discover them, to select them for pilots, and to consider full-scale implementation, can be challenging. How should incubator models be structured? What should be the goals of innovation within our technology portfolios? How should we select technologies to pilot? What processes or rubrics are effective in pilots? Resources: http://tinyurl.com/goodpilot
La metodología de Diseño Centrado en el Usuario aborda las etapas en que se deben enfrentar proyectos digitales de manera exitosa.
- Estrategia y Planificación
- Estudio de Usuarios
- Arquitectura de Información
- Diseño de interfaz
- Diseño Front y Desarrollo
Working Successfully with Emerging Technologies and InnovationsEDUCAUSE
Continuously innovating and transforming our current practices is critical to keep pace with teaching and learning as it evolves. While there is no shortage of candidate innovations, the process by which to discover them, to select them for pilots, and to consider full-scale implementation, can be challenging. How should incubator models be structured? What should be the goals of innovation within our technology portfolios? How should we select technologies to pilot? What processes or rubrics are effective in pilots? Resources: http://tinyurl.com/goodpilot
La metodología de Diseño Centrado en el Usuario aborda las etapas en que se deben enfrentar proyectos digitales de manera exitosa.
- Estrategia y Planificación
- Estudio de Usuarios
- Arquitectura de Información
- Diseño de interfaz
- Diseño Front y Desarrollo
Introducción a la accesibilidad y su estado actual a 4 años de las WCAG 2.0 ¿Qué es? ¿Cómo abordarla? ¿A quién beneficia? ¿Quién debe hacerse cargo? Metodología de Evaluación y referencias. Charla dada en las Jornada de Usabilidad y Accesibilidad Digital UANL 2012, Monterrey, México
En el viaje de IDA al Diseño Responsive compartimos la experiencia de cómo crear el primer medio online chileno con Diseño Responsive. Bajo una metodología de Diseño Centrado en el Usuario aplicado a Capital.cl
Caso de estudio.
¿Quieres esta exposición para tu universidad o equipo?
maximiliano@ida.cl o www.ida.cl
Soledad Almagià nos habló de "Hornos Solares".
Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Niccolo Martelli nos habló de la "Energía Solar y su relación con la Robótica".
Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Alan Fox de la UNAB nos habló de la relación del a Eficiencia energética y el diseño como propuestas de sustentabilidad. Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Un pequeño resumen de las actividades que realizaremos con el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Charlas, Talleres prácticos de Hornos Solares, Visitas a Ecomaipo y empresas solares y una feria de empresas que trabajen con energía solar con un concurso de autos solares.
Formalización y tipo de Documento HTML Doctype. Contenedores y tipos de elementos según sus comportamientos como Elementos de Bloque y elementos de linea.
Taller de energías alternativas al curso de @lemoisza Kinder G de Colegio Alemán de Valparaíso (Viña del Mar). La idea era introducirlos a un modo de vida que integre efectivamente las energías renovables y que de seguro necesitarán dominar en su vida.
http://www.maximiliano.cl/cosas/energias-alternativas-para-ninos-horno-solar/
Presentación de AyerViernes a cargo de Darcy Vergara, Per Arellano y Maximiliano Martin sobre tres de las cinco principales etapas de la Metodología desarrollada en AyerViernes
Introducción a la accesibilidad y su estado actual a 4 años de las WCAG 2.0 ¿Qué es? ¿Cómo abordarla? ¿A quién beneficia? ¿Quién debe hacerse cargo? Metodología de Evaluación y referencias. Charla dada en las Jornada de Usabilidad y Accesibilidad Digital UANL 2012, Monterrey, México
En el viaje de IDA al Diseño Responsive compartimos la experiencia de cómo crear el primer medio online chileno con Diseño Responsive. Bajo una metodología de Diseño Centrado en el Usuario aplicado a Capital.cl
Caso de estudio.
¿Quieres esta exposición para tu universidad o equipo?
maximiliano@ida.cl o www.ida.cl
Soledad Almagià nos habló de "Hornos Solares".
Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Niccolo Martelli nos habló de la "Energía Solar y su relación con la Robótica".
Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Alan Fox de la UNAB nos habló de la relación del a Eficiencia energética y el diseño como propuestas de sustentabilidad. Estas charlas motivacionales se enmarcan en el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Un pequeño resumen de las actividades que realizaremos con el proyecto "Explorando el mundo de la Energía Solar" que estamos desarrollando en el Colegio Alemán de Viña durante este segundo semestre de 2010 junto a otros apoderados del curso.
Charlas, Talleres prácticos de Hornos Solares, Visitas a Ecomaipo y empresas solares y una feria de empresas que trabajen con energía solar con un concurso de autos solares.
Formalización y tipo de Documento HTML Doctype. Contenedores y tipos de elementos según sus comportamientos como Elementos de Bloque y elementos de linea.
Taller de energías alternativas al curso de @lemoisza Kinder G de Colegio Alemán de Valparaíso (Viña del Mar). La idea era introducirlos a un modo de vida que integre efectivamente las energías renovables y que de seguro necesitarán dominar en su vida.
http://www.maximiliano.cl/cosas/energias-alternativas-para-ninos-horno-solar/
Presentación de AyerViernes a cargo de Darcy Vergara, Per Arellano y Maximiliano Martin sobre tres de las cinco principales etapas de la Metodología desarrollada en AyerViernes
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Telefónica
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0xWord escrito por Ibón Reinoso ( https://mypublicinbox.com/IBhone ) con Prólogo de Chema Alonso ( https://mypublicinbox.com/ChemaAlonso ). Puedes comprarlo aquí: https://0xword.com/es/libros/233-big-data-tecnologias-para-arquitecturas-data-centric.html
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
En este proyecto de investigación nos adentraremos en el fascinante mundo de la intersección entre el arte y los medios de comunicación en el campo de la informática.
La rápida evolución de la tecnología ha llevado a una fusión cada vez más estrecha entre el arte y los medios digitales, generando nuevas formas de expresión y comunicación.
Continuando con el desarrollo de nuestro proyecto haremos uso del método inductivo porque organizamos nuestra investigación a la particular a lo general. El diseño metodológico del trabajo es no experimental y transversal ya que no existe manipulación deliberada de las variables ni de la situación, si no que se observa los fundamental y como se dan en su contestó natural para después analizarlos.
El diseño es transversal porque los datos se recolectan en un solo momento y su propósito es describir variables y analizar su interrelación, solo se desea saber la incidencia y el valor de uno o más variables, el diseño será descriptivo porque se requiere establecer relación entre dos o más de estás.
Mediante una encuesta recopilamos la información de este proyecto los alumnos tengan conocimiento de la evolución del arte y los medios de comunicación en la información y su importancia para la institución.
3Redu: Responsabilidad, Resiliencia y Respetocdraco
¡Hola! Somos 3Redu, conformados por Juan Camilo y Cristian. Entendemos las dificultades que enfrentan muchos estudiantes al tratar de comprender conceptos matemáticos. Nuestro objetivo es brindar una solución inclusiva y accesible para todos.
Inteligencia Artificial y Ciberseguridad.pdfEmilio Casbas
Recopilación de los puntos más interesantes de diversas presentaciones, desde los visionarios conceptos de Alan Turing, pasando por la paradoja de Hans Moravec y la descripcion de Singularidad de Max Tegmark, hasta los innovadores avances de ChatGPT, y de cómo la IA está transformando la seguridad digital y protegiendo nuestras vidas.
Es un diagrama para La asistencia técnica o apoyo técnico es brindada por las compañías para que sus clientes puedan hacer uso de sus productos o servicios de la manera en que fueron puestos a la venta.
Licencias para el Uso y el Desarrollo de SoftwareAndres Avila
Descripción de la importancia de proteger la propiedad intelectual, los derechos de autor y las licencias en el uso y en el desarrollo de software. Además, de la precaución de emplear la inteligencia artificial.
37. Objetivo
Optimización de nuestro sitio
ahorrando ancho de banda
www.maximiliano.cl
38. Objetivo
Optimización de nuestro sitio
ahorrando ancho de banda
Rollover
Javascript
HTML JS
www.maximiliano.cl
39. Objetivo
Optimización de nuestro sitio
ahorrando ancho de banda
Rollover Rollover
Javascript CSS/imágenes
HTML JS HTML CSS
www.maximiliano.cl
40. Objetivo
Optimización de nuestro sitio
ahorrando ancho de banda
Rollover Rollover Rollover
Javascript CSS/imágenes SpritesCSS
HTML JS HTML CSS HTML CSS
www.maximiliano.cl
42. Objetivo
Reducir las peticiones al servidor
www.maximiliano.cl
43. Objetivo
Reducir las peticiones al servidor
HTML
Conexión + Petición + Respuesta
por cada archivo CSS
www.maximiliano.cl
44. Objetivo
Reducir las peticiones al servidor
HTML
Conexión + Petición + Respuesta
por cada archivo CSS
Cargar 10 elementos de 4kb
NO es igual a cargar 1 de 40kb
www.maximiliano.cl
45. Objetivo
Reducir las peticiones al servidor
HTML
Conexión + Petición + Respuesta
por cada archivo CSS
Cargar 10 elementos de 4kb
NO es igual a cargar 1 de 40kb
www.maximiliano.cl
46. Objetivo
Reducir las peticiones al servidor
HTML
Conexión + Petición + Respuesta
por cada archivo CSS
Cargar 10 elementos de 4kb
NO es igual a cargar 1 de 40kb
10 elementos de 4kb
es mucho más que
1 de 16kb
www.maximiliano.cl
63. Y cómo se produce?
Interfaces Front Sprites
www.maximiliano.cl
64. Y cómo se produce?
Interfaces
www.maximiliano.cl
65. Y cómo se produce?
Interfaces
www.maximiliano.cl
66. Y cómo se produce?
Interfaces
www.maximiliano.cl
67. Y cómo se produce?
Interfaces
www.maximiliano.cl
68. Y cómo se produce?
Interfaces
www.maximiliano.cl
69. Y cómo se produce?
Interfaces
www.maximiliano.cl
70. Y cómo se produce?
Interfaces
www.maximiliano.cl
71. Y cómo se produce?
Interfaces
www.maximiliano.cl
72. Y cómo se produce?
Interfaces
www.maximiliano.cl
73. Y cómo se produce?
Interfaces
Identificar
✓Contenido
✓Diseño
www.maximiliano.cl
74. Y cómo se produce?
Interfaces
Identificar Reconocer
✓Contenido ✓Botones
✓Diseño ✓Iconos
✓Backgrounds
✓Ilustraciones
✓Esquina
✓
www.maximiliano.cl
75. Y cómo se produce?
Interfaces
Identificar Reconocer y Asociar
✓Contenido ✓Botones
✓Diseño ✓Iconos
✓Backgrounds
✓Ilustraciones
✓Esquina
✓
www.maximiliano.cl
76. Y cómo se produce?
Interfaces
Identificar Reconocer y Asociar Visualizar
✓Contenido ✓Botones ✓Contextos
✓Diseño ✓Iconos ✓Situaciones
✓Backgrounds ✓Estados
✓Ilustraciones
✓Esquina
✓
www.maximiliano.cl
77. Y cómo se produce?
Interfaces
Identificar Reconocer y Asociar Visualizar Proyectar
✓Contenido ✓Botones ✓Contextos ✓Escalabilidad
✓Diseño ✓Iconos ✓Situaciones ✓Imponderables
✓Backgrounds ✓Estados
✓Ilustraciones
✓Esquina
✓
www.maximiliano.cl
78. Y cómo se produce?
Interfaces
www.maximiliano.cl
79. Y cómo se produce?
Interfaces Front
HTML Imagenes Tipo CSS
www.maximiliano.cl
80. Y cómo se produce?
Interfaces Front
HTML Imagenes Tipo CSS
Escribir Clases
✓Botones
✓Iconos
✓Backgrounds
✓Ilustraciones
✓Esquina
✓etc.
www.maximiliano.cl
81. Y cómo se produce?
Interfaces Front
HTML Imagenes Tipo CSS
Escribir Clases Definir reglas
✓Botones ✓Repeat
✓Iconos ✓Background-position
✓Backgrounds ✓Display
✓Ilustraciones ✓Border
✓Esquina ✓Margin
✓etc. ✓Padding
✓etc.
www.maximiliano.cl
82. Y cómo se produce?
Interfaces Front
HTML Imagenes Tipo CSS
Escribir Clases Definir reglas Crear Familias
✓Botones ✓Repeat ✓Iconos SideBar
✓Iconos ✓Background-position ✓Iconos Contenido
✓Backgrounds ✓Display ✓Iconos Footer
✓Ilustraciones ✓Border ✓Botones Formularios
✓Esquina ✓Margin ✓Botones Contenido
✓etc. ✓Padding ✓Cajas Sidebar
✓etc. ✓Cajas Contenido
www.maximiliano.cl
83. Y cómo se produce?
Interfaces Front
www.maximiliano.cl
84. Y cómo se produce?
Interfaces Front Sprites
Re Escribir Clases
✓Sobreescribir
✓Clases Nuevas
✓Background-Position
✓Height
✓Width
✓etc.
www.maximiliano.cl
85. Y cómo se produce?
Interfaces Front Sprites
Re Escribir Clases Fusionar imágenes
✓Sobreescribir ✓Manual
✓Clases Nuevas ✓Automática
✓Background-Position
✓Height
✓Width
✓etc.
www.maximiliano.cl
115. Qué es Sprites
Una técnica de optimización de sitios basada en la
fusión de imágenes a una sola para posteriormente
ser separadas mediante CSS.
y por qué debería interesarme
✓ Reduce principalmente el peso de mis páginas
✓ Disminuye de manera considerable las peticiones HTTP
✓ Minimiza sustancialmente la cantidad de imágenes y
✓ Optimiza el peso total de los archivos externos al HTML
www.maximiliano.cl